<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/zhuce.css" rel="stylesheet" />
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body>
		<header>
			<div class="top">
				<header_a>
					<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
					<a href="">我的账户</a>
				</header_a>
					<img src="img/Esprit官方商城_02.png" />
				<header_right>
					<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
					
					<span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
					
					<span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
					<ul>
						<li><a href="">寻找商店</a></li>
						<li><a href="">心愿单</a></li>
						<li><a href="">购物车</a></li>
					</ul>
				</header_right>	
			</div>
			<div class="top1">
				<ul>
					<li>
						<div class="caidan2">
						<a href=""><span>新品</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">男士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>女士</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">男士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>男士新品</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">男士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>折扣区</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">折扣区</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>流行趋势</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">流行趋势</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>会员专区</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">会员专区</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
							</div>
					</li>
					<li>
						<div class="caidan2">
						<a href=""><span>STORIES</span></a>
						<ul class="caidan">
							<li><a href="">女士新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
						</ul>
						<ul class="caidan1">
							<li><a href="">STORIES</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							<li><a href="">新品</a></li>
							</ul>
						</div>
					</li>
				</ul>
			
				<form class="top2">搜索...
					<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
				</form>
				<div class="tupian">
					<img src="img/mk.jpg" />
				</div>
			</div>
		</header>
		</br></br>
	<div class="zcxx">
		
			<h4>个人信息</h4>
			<div class="wb">
			<h5>姓*</h5>
			<input class="zcxx1" type="text" value=""  />
			</div>
			<div class="wb1">
			<h5>名*</h5>
			<input class="zcxx5" type="text" value=""  />	
			</div>
		
			<div class="wb2">
				 <h5>生日</h5> 
				
				
				  <table>
					  <tr>
                
                    <td>选择性别：</td>
                    <td>
                        <input type="radio" name="sex"  id="man1" value="1" />
                        <label for="man1">男</label>
                        <input type="radio" name="sex" id="man2" value="0" />
                        <label for="man2">女</label>
                                            
                    </td>                
                </tr>
				 </table>
				  </br>
				  <h4>联系方式</h4>
				  <div class="wb">
				  <h5>电子邮箱</h5>
				  <input class="zcxx1" type="text" value="" />
				  </div>
				  <div class="wb1">
				  <h5>手机</h5>
				  <input class="zcxx2" type="text" value="" />	
				  </div>
				  <div class="wb3">
				  <h4>密码</h4>
				  <h5>密码*</h5>
				  <input class="zcxx3" type="password" name="passwd" />
				  </div>
				  
				  <div class="wb4">
				  <h5>密码确认*</h5>
				  <input class="zcxx7" type="password" name="passwd" />
				  </div>
				  <span>接受最新推荐和活动通知

						如果您希望直接获取一些促销信息. 比如, 最新的推荐商品和打折, 需要用到您的一些个人信息. 请勾选下面的选框</span>
				  <table>
				  	 <tr>
				  
				    <td>
				           <input type="radio" name="sex1"  id="man3" value="1" /> 
				           <label for="man1">是的</label> -->
				           <input type="radio" name="sex2" id="man4" value="0" /> 
				          <label for="man2">不是</label>
				            </br>
						    <input type="radio" name="sex" id="man5" value="0" /> 
				          <label for="man3">同意<a href="">ESPRIT官方购物网站协议及隐私声明</a></label>
				      </td>              
				 </tr> 
				     </table> 
					 
					
					
					 <input class="dl14" type="submit" onclick="javescript:zc()" name=""  value="注册"/>
				
				
			</div>
			</form>
			
		</div> 
		
		 
	<script src="js/jquery-3-3-1-min.js" ></script>
	<script src="js/zc.js" ></script>
	</body>
</html>
